// 组件: html + css + js
// 组件和组件之间还可以进行嵌套 组合 复用 最终形成一个完整的组件树

// React 函数组件[主推的方式]  +  类组件

// 函数组件
// 1. 定义 名称首字母大写中间驼峰  函数内部return JSX [html模板]
// 2. 使用 把组件当成一个普通的标签 写到要渲染的位置即可 自闭合 + 成对闭合写法都可以

// 类组件
// 1. class 组件名字[首字母大写] 继承自 React.Component
// 2. 必须提供一个名称为render[固定的] 在方法中return当前组件的模板 JSX

import React from "react"

class CComponent extends React.Component {
  render () {
    return (
      <div>
        这里是类组件
      </div>
    )
  }
}

function FComponent () {
  return (
    <div>
      这里是函数组件
    </div>
  )
}

function App () {
  return (
    <div>
      <FComponent />
      <FComponent></FComponent>
      <CComponent />
      <CComponent></CComponent>
    </div>
  )
}


export default App
